<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/index.css">
</head>

<body>
    <div class="box">
        <div class="top">
            <div class="logo">
                <img src="/images/logo.png" alt="" style="width: 130px;">
            </div>
            <div class="search"> <label for="">宝贝 ﹀</label><input type="text"><span
                    class="glyphicon glyphicon-camera"></span><button>搜索</button>
                <br>
                <ul>
                    <li>新款连衣裙</li>
                    <li>四件套</li>
                    <li>潮流T恤</li>
                    <li>女鞋</li>
                    <li>短裤</li>
                    <li>半身裙</li>
                    <li>男士外套</li>
                    <li>墙纸</li>
                    <li>行车记录仪</li>
                    <li>时尚背包</li>
                    <li>高跟鞋</li>
                </ul>
            </div>
            <div class="code">
                <h6>去领红包</h6><img src="/images/code.png" alt="">
            </div>
        </div>
    </div>
    <nav>
        <ul class="list-title">
            <li>主题市场</li>
            <li>天猫</li>
            <li>聚划算</li>
            <li>天猫市场</li>
            <li>
                <div class="line"></div>
            </li>
            <li>司法拍卖</li>
            <li>飞猪旅行</li>
            <li>天天特卖</li>
            <li>淘小铺</li>
            <li>
                <div class="line"></div>
            </li>
            <li>早点新货</li>
            <li>苏宁易购</li>
            <li>淘宝心选</li>
            <li>智能生活</li>
        </ul>
    </nav>
    <!-- 导航条 -->
    <div class="banner">
        <div class="aside">
            <ul class="list-side">
                <li>女装 / 内衣 / 家具</li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>女鞋 / 男鞋 / 箱包</li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>母婴 / 童装 / 玩具</li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>男装 / 运动户外 </li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>美妆 / 彩妆 / 个护</li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>手机 / 数码 / 企业</li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>大家电 / 生活电器</li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>零食 / 生鲜 / 茶酒 </li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>厨具 / 收纳 / 清洁 </li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>家纺 / 家饰 / 鲜花 </li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>图书音像 / 文具 </li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>医药保健 / 进口 </li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>汽车 / 二手车 / 用品 </li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>房产 / 装修家具 / 建材 </li><span class="glyphicon glyphicon-menu-right"></span>
                <br>
                <li>手表 / 眼镜 / 珠宝饰品 </li><span class="glyphicon glyphicon-menu-right"></span>
            </ul>
        </div>
        <div class="pic">
            <div class="hang1">
                <div class="pic-1"></div>
                <div class="pic-2"></div>
            </div>
            <div class="hang2">
                <div class="pic-3"></div>
                <div class="pic-4"></div>
                <div class="pic-5"></div>
            </div>

        </div>
        <!-- 右侧栏 -->
        <div class="other-side">
            <img src="/images/1.png" alt="">
            <div class="btn"><button>登录</button><button>注册</button><button>开店</button></div>
            <img src="/images/2.png" alt="" style="width: 360px;">
            <ul class='select'>
                <li>公告</li>
                <li>规则</li>
                <li>安全</li>
                <li>公益</li>
                <li>千牛</li>
            </ul>
            <p>魔豆妈妈公益项目 让母爱永不打烊！</p>
            <div class="serviceType">
                <ul class="xiaotubiao">
                    <li><img src="/images/small_avatar.png" alt="">
                        <h6>充话费</h6>
                    </li>
                    <li><img src="/images/small_avatar.png" alt="">
                        <h6>充话费</h6>
                    </li>
                    <li><img src="/images/small_avatar.png" alt="">
                        <h6>充话费</h6>
                    </li>
                    <li><img src="/images/small_avatar.png" alt="">
                        <h6>充话费</h6>
                    </li>
                    <li><img src="/images/small_avatar.png" alt="">
                        <h6>充话费</h6>
                    </li>
                    <li><img src="/images/small_avatar.png" alt="">
                        <h6>充话费</h6>
                    </li>
                    <li><img src="/images/small_avatar.png" alt="">
                        <h6>充话费</h6>
                    </li>
                    <li><img src="/images/small_avatar.png" alt="">
                        <h6>充话费</h6>
                    </li>
                </ul>
            </div>
            <div class="ali">
                <div class="hang3"><h4>阿里APP</h4><div class="empty"></div> <span>更多 ></span></div>
                <div class="hang4"><img src="/images/app_01.png" alt=""><img src="/images/app_02.png" alt=""><img src="/images/app_05.png" alt=""><img src="/images/app_10.png" alt=""><img src="/images/app_03.png" alt=""></div>
            </div>
        </div>
    </div>
    <!-- //口碑好货物 -->
    <div class="koubeihaohuo">
        <div class="hang5">
            <h2>有好货</h2><h4>全民口碑</h4><h5></h5>
        </div>
        <div class="hang6">
            <ul>
            <li><img src="/images/shop_img_01.jpg" alt=""><p>保暖针织帽</p><p>风格可爱休闲</p></li>
            <li><img src="/images/shop_img_02.jpg" alt=""><p>保暖针织帽</p><p>风格可爱休闲</p></li>
            <li><img src="/images/shop_img_03.jpg" alt=""><p>保暖针织帽</p><p>风格可爱休闲</p></li>
            <li><img src="/images/shop_img_04.jpg" alt=""><p>保暖针织帽</p><p>风格可爱休闲</p></li>
            <li><img src="/images/shop_img_05.jpg" alt=""><p>保暖针织帽</p><p>风格可爱休闲</p></li>
        </ul>
        </div>
        <div class="hang7">
            <div class="zhanweifu"></div>
            <div class="zhanweifu"></div>
            <div class="zhanweifu"></div>
        </div>
    </div>
</body>

</html>